<div class="content">
  <h2>筛选条件</h2>
  <form class="filter-form">
    <div>
      <input type="text" id="book-title" placeholder="书名">
      <input type="text" id="book-author" placeholder="作者">
    </div>
    <div>
      <input type="number" id="book-minPrice" placeholder="最低价格">
      <input type="number" id="book-maxPrice" placeholder="最高价格">
    </div>
    <input type="button" id="checkBookButton" value="筛选">
  </form>
  <ul class="book-list">
    <li class="book-item">图书名</li>
    <li class="book-item">作者</li>
    <li class="book-item">价格</li>
    <li class="book-item">总数量</li>
    <li class="book-item">已借出数量</li>
    <li class="book-item">是否可借阅</li>
    {{range .}}
    <li class="book-item">{{.Title}}</li>
    <li class="book-item">{{.Author}}</li>
    <li class="book-item">{{.Price}}</li>
    <li class="book-item">{{.TotalQuantity}}</li>
    <li class="book-item">{{.RemainingQuantity}}</li>
    <li class="book-item"><input type="button" value="借阅" id="{{.ID}}"></li>
    {{end}}
  </ul>
</div>